<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/member.css">
<link rel="stylesheet" href="css/order3.css">
<link rel="stylesheet" href="css/productDetail.css">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no" name="format-detection">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1,user-scalable=no">
<title>加载中...</title>
<style type="text/css">
.details_con li .tb-out-of-stock{
border: 1px dashed #bbb;
color:#bbb;
cursor: not-allowed;
}
.no-selected{
background: #ffe8e8 none repeat scroll 0 0;
border: 2px solid #be0106;
margin: -1px;
}

.commentList {
    padding: 1rem;
    border-bottom: 1px solid #efefef;
    position: relative;
}
.commentList .pic {
    width: 2rem;
    height: 2rem;
}
h3{
	font-size: 14px;
}
.review-con{
height: 3rem;
}
.review_item{
	margin:10px;
}
.review-img{
	float: left;	
	display: inline-block;
	border-bottom: 1px solid #f0f0f0;
	height: 3rem;
}
.review-img img{
	width:3rem;
	height: 3rem;
	border-radius: 2rem;
}
.review-user{
	height: 3rem;
	display: inline-block;
	float: left;
}
.review-user span{
	line-height:3rem;
	margin-left:2rem;
}
.review-star i{
	float: left;
}
.review-content{
	padding:1rem 0;
}
</style>
</head>

<body>
<!--
<header class="header">
	<div class="fix_nav">
		<div style="max-width:768px;margin:0 auto;background:#000;position: relative;">
			<a class="nav-left back-icon" href="javascript:history.back();">返回</a>
			<div class="tit">商品详细</div>
		</div>
	</div>
</header> -->
<div class="container">
    <div class="row white-bg">
        <div id="slide"> 
            <div class="hd">
                <ul>
                	<!-- <li>0</li> -->
                </ul>
            </div>
            <div class="bd">
                <div  class="tempWrap" style="overflow:hidden; position:relative;">
                	<ul id="mudiumImageList" style="width: 3072px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translateX(-768px);">
                        <a href="#">
						   	 <img style="height: 25px; width: 25px;margin: 8rem 47%;" src="images/loading.gif" alt="加载中" >
						 </a>
                    </ul>
               </div>
            </div>
        </div>
    </div>
    <div class="row gary-bg" >
         <div class="white-bg p10 details_con" id="basicInfo" style="margin-top: 10px;">
         	<a href="#">
						   	 <img style="height: 25px; width: 25px;margin: 5rem 47%;" src="images/loading.gif" alt="加载中" >
			</a>
		</div>
        <div id="goodsContent" class="goods-content white-bg">
            <div class="hd hd_fav">
                <ul>
                    <li class="on">图文详情</li>
                   <li class="" style="display:none;">规格参数</li>
                    <li>评价(<span class="pingjia">0</span>)</li>
                </ul>
            </div>
            <div class="tempWrap" style="overflow:hidden; position:relative;">
	            <div  style="width: 2304px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translateX(0px);" class="bd">
	                <ul  style="display: table-cell; vertical-align: top; max-width: 768px;width: 100%;" class="property">
	                    	 <div class="prop-area" id="introduction_a">
  								   	<a href="#">
  								   	 <img style="height: 25px; width: 25px;margin: 5rem 47%;" src="images/loading.gif" alt="加载中" />
	                    		</a>
	                    	</div> 
	                    	<!-- <li style="min-height:300px;overflow: hidden;" id="introduction">
		                    	<a href="#">
							   	 <img style="height: 25px; width: 25px;margin: 5rem 47%;" src="images/loading.gif" alt="加载中" >
								</a>
	                    	</li> -->
	                </ul>
	                <ul class="txt-imgs" style="display:none; vertical-align: top; max-width: 768px;width: 100%;">
			             <div class="desc-area" style="margin: 10px  auto 15px;text-align:center;display:none;">
			                	 <img src="images/loading.gif" style="width: auto; display: block;  margin: auto;"/>
	               		</div>
	                </ul> 
	                <ul style="display: table-cell; vertical-align: top; max-width: 768px;width: 100%;" class="appraise review" rel="1" status="1">
			              <!--  <li class="review_item">
			               			<div class="review-con" style="border-bottom: 1px solid #f0f0f0">
				               			
				               			<div class="review-img">
				               				<img src="http://myhmy.gzjy.store/myhmy/upload/image/20180507/ca0f9817-b4bc-4123-9fd7-32a398c4c7cc-thumbnail.jpg"/>
				               			</div>
				               			<div class="review-user">
				               				<span>风゜</span>
				               			</div>
				               			<div class="review-star">
				               				<span><i class="i-fav i-fav-active"></i></span>
				               			</div>
			               			</div>
			               			<div class="review-content">
				               			评论内容
				               		</div>
			               </li> -->
			                 <div id="ajax_loading" style="margin: 10px  auto 15px;text-align:center;">
			                	 <img src="images/loading.gif" style="width: auto; display: block;  margin: auto;"/>
			                </div> 
	                </ul> 
	            </div>
            </div>
            <div style="text-align: center;" onclick="next_comments(this);"><a >点击加载更多评论</a></div>
        </div>
    </div>
</div>
<div style="text-align: center;">--我也是有底线的--</div>
<div class="fixed-foot">
	<div class="fixed_inner">
		<a class="btn-fav" href="index.html">
		<i class="comebackhome"></i><span>首页</span>
		</a>
		<a class="cart-wrap" href="./shopcart.html">
			<i class="i-cart"></i>
			<span>购物车</span>
			<span class="add-num" id="totalNum">0</span>
		</a>
		<div class="buy-btn-fix">
		    <a class="btn btn-info btn-cart"  onclick="addShopCart();" href="javascript:void(0);">加入购物车</a>
		    <a class="btn btn-danger btn-buy" onclick="buyNow();" href="javascript:void(0);">立即购买</a>
		</div>
	</div>
</div>

<div class="clear"></div>

<footer class="footer">
  <div class="foot-con">
	<div class="foot-con_2">
		<a href="index.html">
			<i class="navIcon home"></i>
			<span class="text">首页</span>
		</a>
		<a href="category.html">
			<i class="navIcon sort"></i>
			<span class="text">分类</span>
		</a>
		<a href="shopcart.html">
			<i class="navIcon shop"></i>
			<span class="text">购物车</span>		
		</a>
		<a href="userhome.html">
			<i class="navIcon member"></i>
			<span class="text">我的</span>
		</a>
	</div>
  </div>
</footer>
<script charset="utf-8" src="js/common.js"></script>
<script charset="utf-8" src="js/jquery.min.js"></script>
<script charset="utf-8" src="js/global.js"></script>
<script charset="utf-8" src="js/bootstrap.min.js"></script>
<script charset="utf-8" src="js/wxLoginInfo.js"></script>
<script charset="utf-8" src="js/TouchSlide.js"></script>
<script charset="utf-8" src="js/StringBuilder.js"></script>
<script charset="utf-8" src="js/templeteHtml.js"></script>
<script charset="utf-8" src="js/prodDetail.js"></script>
</body>
</html>
